<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>修改运费模板</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/css/see/reset.min.css">
    <!--<link rel="stylesheet" href="/plugins/iosselect/iosselect.css">-->
    <link rel="stylesheet" href="/css/see/freightTemplate.min.css?v=<%=$version%>">
</head>
<body>
<div id="modifyTemplate" v-cloak>
    <div class="circleBar-top">
        <span class="goback" @click="getBack()"></span>
        {{freightList.name}}
        <input type="submit" class="seeIndex-setUp" @click="saveProduct()" value="保存">
    </div>
    <div class="modifyTemplate">
        <h6 class="modifyTemplate-title">{{freightList.name}}</h6>
        <div class="modifyTemplate-region" v-if="freightList.isExcept==1">
            <span>
                {{freightList.provinceName}}
            </span>
            <strong class="modifyTemplate-more" @click="getIsScreen(1,0)"></strong>
        </div>
        <div class="modifyTemplate-list">
            <div>
                <input type="number" pattern="[0-9]*" name="num" v-model.number="list.piece">
                <span>件内</span>
                <input type="number" pattern="[0-9]*" name="money" v-model.number="list.money"><span>元</span>
            </div>
            <div>
                <span class="ml0">每增加</span>
                <input type="number" pattern="[0-9]*" name="num" v-model.number="list.addPiece"><span>件，运费增加</span>
                <input type="number" pattern="[0-9]*" name="money" v-model.number="list.addMoney"><span>元</span>
            </div>
        </div>
        <div class="modifyTemplate-cent" v-for="(item,index) in freightList.sublist&&formatNum">
            <div class="modifyTemplate-region">以下地区：<span :id="'region'+index"></span>
                <strong class="modifyTemplate-more" @click="getIsScreen(2,index)"></strong>
            </div>
            <div class="modifyTemplate-list">
                <div>
                    <input type="number" pattern="[0-9]*" name="num" :value="item.piece" v-model="list.subpiece[index]">
                    <span>件内</span>
                    <input type="number" pattern="[0-9]*" name="money" v-model="list.submoney[index]"><span>元</span>
                </div>
                <div>
                    <span class="ml0">每增加</span>
                    <input type="number" pattern="[0-9]*" name="num" v-model="list.subaddPiece[index]"><span>件，运费增加</span>
                    <input type="number" pattern="[0-9]*" name="money" v-model="list.subaddMoney[index]"><span>元</span>
                </div>
            </div>
            <strong class="modifyTemplate-close" @click="getAddBtn(2,index,list.areafreightId[index])"></strong>
        </div>
    </div>
    <div class="modifyTemplate-addBtn" @click="getAddBtn(1)"><span>添加指定地区运费</span></div>
    <div class="template-new" @click="deletefreight()" v-if="isSystem!=1"><span>删除运费模板</span></div>
    <div id="mask1" @click="getIsScreen()" :class="{'maskShow':isScreen}"></div>
    <div id="urbanArea" :class="{'maskShow':isScreen}">
        <div class="urbanArea-title">选择地区<span @click="getArea()">确定</span></div>
        <div class="urbanArea">
            <div class="urbanArea-list" v-for="(item,index) in areas">
                <div class="urbanArea-cent">
                    <!--<template v-if="item.type==0">-->
                        <!--<input type="checkbox" disabled="disabled" :id="'checkbox'+index" :value="item.id" v-model="idList">-->
                        <!--&lt;!&ndash;<label :for="'checkbox'+index" class="addGoods-icon" @click="checkedAll(index,item.id)">{{item.name}}</label>&ndash;&gt;-->
                        <!--<label :for="'checkbox'+index" class="addGoods-icon addGoods-icon1" @click="checkedAll(index,item.id)">{{item.name}}</label>-->
                    <!--</template>-->
                    <!--<template v-else>-->
                        <!--<input type="checkbox" :id="'checkbox'+index" :value="item.id" v-model="idList">-->
                        <!--<label :for="'checkbox'+index" class="addGoods-icon" @click="checkedAll(index,item.id)">{{item.name}}</label>-->
                    <!--</template>-->
                    <!--<input type="checkbox" :id="'checkbox'+index" :value="item.id" v-model="idList">-->
                    <label :id="'checkbox'+index" class="addGoods-icon" @click="checkedAll(index,item.id)">{{item.name}}</label>
                    <strong class="urbanArea-more" @click="getlevel(index)"></strong>
                </div>
                <div class="urbanArea-listCent">
                    <div class="urbanArea-cent" v-for="(list,ins) in item.list">
                        <template v-if="list.type==0">
                            <input type="checkbox" disabled="disabled" :id="'checkbox'+index+(ins+1)" :value="list.id" v-model="checkedNames" @click="getCheck(index,ins,list.id)">
                            <label class="addGoods-icon addGoods-icon1" :for="'checkbox'+index+(ins+1)">{{list.name}}</label>
                        </template>
                        <template v-else>
                            <input type="checkbox" :id="'checkbox'+index+(ins+1)" :value="list.id" v-model="checkedNames" @click="getCheck(index,ins,list.id)">
                            <label class="addGoods-icon" :for="'checkbox'+index+(ins+1)">{{list.name}}</label>
                        </template>
                    </div>
                </div>
            </div>
            <!--<div class="urbanArea-list">-->
                <!--<div class="urbanArea-cent"><strong class="addGoods-icon addGoods-icon1"></strong>华中<strong class="urbanArea-more"></strong></div>-->
                <!--<div class="urbanArea-listCent">-->
                    <!--<div class="urbanArea-cent"><strong class="addGoods-icon addGoods-icon2"></strong>华中<strong class="urbanArea-more"></strong></div>-->
                <!--</div>-->
            <!--</div>-->
        </div>
    </div>
    <pop-view v-show="pop.show" @on="getIsClassify()" :question="pop.question" @ok="deleteareafreight()"></pop-view>
    <prompt-view ref="prompt"></prompt-view>
</div>
<script src='/plugins/js/jquery-1.11.3.min.js'></script>
<script type="text/javascript" src="/plugins/js/vue.min.js"></script>
<!--<script type="text/javascript" src="/plugins/iosselect/iosSelect.js"></script>-->
<script type="text/javascript" src="/plugins/localResize/mobileFix.mini.js"></script>
<script type="text/javascript" src="/plugins/localResize/exif.js"></script>
<script type="text/javascript" src="/plugins/localResize/lrz.js"></script>
<script type="text/javascript" src="/js/see/modifyTemplate.js?v=<%=$version%>"></script>
</body>
</html>